<% include ../header.ejs %>


<link rel="stylesheet" href="/stylesheets/app/evaluate/evaluate_servicelist.css">
<script src="/lib/moment/moment.js"></script>

<header data-am-widget="header" data-am-sticky class="am-header am-header-default am-header-fixed"
        id="appTemplates-Nav">


    <h1 class="am-header-title">
        <a href="#title-link" class="" id="Typeface-whitecolor">用户登陆</a>
    </h1>
</header>

<div style="text-align:center;width:100%;line-height:200px;" id="h2-login-label"><h2 >登录中...</h2></div>


<form method="post" action="./" class="am-form" id="form-with-tooltip" style="display:none">
    <fieldset>
        <div class="am-form-group">
            <label for="doc-vld-name-2-0">用户名：</label>
            <input type="text" id="doc-vld-name-2-0" name="username" minlength="1"
                   placeholder="输入用户名(至少1个字符)" required/>
        </div>

        <div class="am-form-group">
            <label for="doc-vld-pwd-1-0">密码：</label>
            <input type="password" id="doc-vld-pwd-1-0" name="userpwd" placeholder="输入密码" required
            />
        </div>

        <button class="am-btn am-btn-secondary" type="submit">提交</button>
    </fieldset>
</form>

<style>
    #vld-tooltip {
        position: absolute;
        z-index: 1000;
        padding: 5px 10px;
        background: #F37B1D;
        min-width: 150px;
        color: #fff;
        transition: all 0.15s;
        box-shadow: 0 0 5px rgba(0, 0, 0, .15);
        display: none;
    }

    #vld-tooltip:before {
        position: absolute;
        top: -8px;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -8px;
        content: "";
        border-width: 0 8px 8px;
        border-color: transparent transparent #F37B1D;
        border-style: none inset solid;
    }
</style>

<script>


    function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null)return unescape(r[2]);
        return null;
    }

    function tabsClick(stype) {

        var options = {
            url: 'servicelistbytype',
            type: 'get',
            dataType: 'json',
            data: {
                'stype': stype,
            },
            error: function (request) {
                alert("查询" + stype + "失败");
            },
            success: function (data) {

            }
        };
        $.ajax(options);

    }

    window.onload = function () {
        var $loginlabel = $('#h2-login-label');
        var $form = $('#form-with-tooltip');
        var $tooltip = $('<div id="vld-tooltip">提示信息！</div>');
        $tooltip.appendTo(document.body);

        $form.validator();

        var validator = $form.data('amui.validator');

        $form.on('focusin focusout', '.am-form-error input', function (e) {
            if (e.type === 'focusin') {
                var $this = $(this);
                var offset = $this.offset();
                var msg = $this.data('foolishMsg') || validator.getValidationMessage($this.data('validity'));

                $tooltip.text(msg).show().css({
                    left: offset.left + 10,
                    top: offset.top + $(this).outerHeight() + 10
                });
            } else {
                $tooltip.hide();
            }
        });

        $form.on('focusout', 'input', function (e) {
            $tooltip.hide();
        });

        //判断是否是从企业号跳转过来：如果url有code参数，就认为是从企业号跳转过来的，直接进行用code换取用户信息操作，不走输入登陆
        var wxCode = GetQueryString('code');
        if (wxCode){
            window.location = "./?code=" + wxCode;
            return;
        }else{
            $loginlabel.attr("style","display:none");
            $form.attr("style","");
        }



        //wx.config({
        //    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        //    appId: 'wxfdd14bdef34cad79', // 必填，企业号的唯一标识，此处填写企业号corpid
        //    timestamp: '1414587457', // 必填，生成签名的时间戳
         //   nonceStr: 'Wm3WZYTPz0wzccnW', // 必填，生成签名的随机串
        //    signature: '',// 必填，签名，见附录1
         //   jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        //});



        //此处处理checksession失败后，跳转进来的情况
        //1.原因：一般来说checksession失败，就是服务器出错重启，导致session丢失，此时会进入relogin环节
        //2.微信重新登陆：relogin环节会重新发起企业号入口登陆请求(就是重新访问一下下面这段地址，和企业号内填写的'工作台应用主页'完全一致，这段url只在wx下有用)
        //3.用户密码重新登陆：如果要处理用户＋密码登陆的checksession失败，需要去掉下面整段（注释无效，ejs仍然会识别），利用原始的账号密码登陆进行重新登陆
        <%if (session.relogin) {%>
            if (navigator.userAgent.toLowerCase().match(/MicroMessenger/i)=="micromessenger"){
                window.location = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxfdd14bdef34cad79&redirect_uri=http://fundreport.w3studio.top/smtool_project/wxapp/login&response_type=code&scope=snsapi_base&state=123#wechat_redirect';
            }
        <%}%>

    }
</script>

<% include ../footer.ejs %>